<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorator="layouts/layout" th:with="header='波次订单明细', subtext='管理系统中波次订单数据'">

<head>
    <title>波次订单明细</title>
</head>
<body>

<th:block layout:fragment="content">
    <div class="box-body m-b-sm border-bottom">
        <form class="form-horizontal search-form" role="form" th:object="${r}" novalidate="novalidate">
            <div class="row">
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="control-label col-lg-5">波次号</label>
                        <label class="form-control-static" id='documentNumber'>[[*{documentNumber}]]</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="control-label col-lg-5">类型</label>
                        <label class="form-control-static" id='type'>[[${@CODES.textByValue('SO_TYPE',
                            r.type)}]]</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="control-label col-lg-5">订单时间</label>
                        <label class="form-control-static" id='expectedTime'>[[${#calendars.format(r.expectedTime,
                            'yyyy-MM-dd HH:mm:ss')}]]</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="control-label col-lg-5">状态</label>
                        <label class="form-control-static" id='status'>[[${@CODES.textByValue('SO_STATUS',
                            r.status)}]]</label>
                    </div>
                </div>
            </div>
            <div class="row m-t-sm">
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="control-label col-lg-5">收货人编码</label>
                        <label class="form-control-static" id='consigneeCode'>[[*{consigneeCode}]]</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="control-label col-lg-5">收货人名称</label>
                        <label class="form-control-static" id='consigneeName'>[[*{consigneeName}]]</label>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="row">
        <div class="col-lg-12">
            <div class="box">
                <div class="box-body">
                    <div id="tableWrapper">
                        <table id="table" class="table table-striped table-hover">
                            <thead>
                            <tr>
                                <th>HeaderId</th>
                                <th style="width:80px;">单号</th>
                                <th style="width:50px;">物料编码</th>
                                <th style="width:160px;">物料名称</th>
                                <th style="width:160px;">规格型号</th>
                                <th style="width:80px;">波次数量</th>
                                <th style="width:80px;">波次完成量</th>
                                <th style="width:80px;">订单需求量</th>
                                <th style="width:80px;">订单完成量</th>
                                <th style="width:100px;">指定批次号</th>
                                <th style="width:100px;">备注</th>
                            </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</th:block>
<th:block layout:fragment="scripts">
    <script th:inline="javascript">
        // 后端传入前端使用的变量JS中定义
        var headerId = /*[[${params['headerId']}]]*/ '';
        var status = /*[[${r.status}]]*/ '';
        var VALUES_MAP_DICT_TYPE = /*[[${@CODES.valuesMapOfType('SO_STATUS')}]]*/ {};

    </script>
    <script th:src="@{|${theme}/js/app/outbound/wavesolist_list.js?v=${applicationVersion}|}"
            th:inline="javascript"></script>
</th:block>
</body>

</html>
